/***
*by xukaiming(wwwr.panek@qq.com)  2015-05-30
***/

*{margin:0;padding:0;}
body{font:12px "微软雅黑","宋体","Arial Narrow",HELVETICA;}
ins,i{font-style:normal; text-decoration:none;}
img{vertical-align:top; border:0;}
table{border-collapse:collapse;border-spacing:0}
a{color:#666;text-decoration:none}
a:hover{color:#c20000;text-decoration:none;}
em{font-style:normal}
li,cite{list-style:none}
p{word-wrap:break-word;}
h1,h2,h3,h4{ font-weight:normal;}
.clear{ clear:both;}
.clearfix:after {
content: ".";
display: block;
height:0;
clear: both;
visibility: hidden;
}
.fl{ float: left;}
.fr{ float: right;}
.wap{ width: 1020px; margin: 0 auto;}
html{ overflow-x:hidden;}



.header{ width: 100%; height:124px; background: url(../images/bg.gif) repeat-x;}
.logo { padding-top:18px;}
.topRight{ padding-top: 60px;}
.messageInfo a{ display: block; width: 30px; height: 30px; display: block; background: url(../images/icon.png) no-repeat; transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s; float: left; margin-right: 13px;}
.messageInfo a:hover.wb{background-position:0 -35px;}
.messageInfo a.qq{background-position:-43px 0px;}
.messageInfo a:hover.qq{background-position:-43px -35px;}
.messageInfo a.wx{background-position:-89px 0px;position: relative;}
.messageInfo a.wx .qrcode{display: none;position: absolute;left:0;bottom: -120px;left:0;height: 100px;padding: 5px;background: #5f5f5f; z-index:99999; }
.messageInfo a:hover.wx{background-position:-89px -35px; }
.messageInfo a:hover.wx .qrcode{display: block;}
.search{ width: 175px; height: 23px;background: url(../images/icon.png) no-repeat 0px -81px; margin-top: 6px; }
input.searchTxt{ border: none; background-color: transparent; outline: none; width: 126px; padding-left: 6px; line-height: 23px; color: #ccc; float: left;}
input.submit{ background: none; border: none; text-indent: -9999px; width: 40px; height: 23px; cursor: pointer; outline: none;}

.banner{height:505px; position:relative;}
.banner-box{min-width:1020px;height:505px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd li{width:100% !important;height:505px; text-align: center;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li img{ margin: 0 auto;}
.banner-btn{width:100%;position:absolute;top:50%;left:0;margin-top: -100px;height: 200px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 
.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute;bottom:30px;text-align: center;left: 50%;margin-left: -100px;width: 200px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;cursor:pointer;display: inline-block;}
.banner-box .hd ul li.on{background:#DA324D;}


.nav{ width: 100%; height: 65px; background: url(../images/linebg.jpg) repeat-x;}
.nav li{position: relative; float:left;}
.nav li a{ display: block; width:145px; _width:142px; float: left; text-align: center; font-size: 16px; color: #333333; line-height: 48px; height: 65px;line-height: 45px;}
.nav li a:hover,.nav li a.hover{background: url(../images/navbg.png) no-repeat center 43px;}

.indexTitle{ width: 100%; text-align: center; margin-top: 44px;}
.indexTitle div{ height: 46px; border-bottom: solid 1px #c4c4c4; min-width: 480px; margin: 0 auto; line-height: 46px; color: #404040; font-size: 26px;}
.indexTitle div span{ font-size: 24px; font-family: "Arial"; text-transform: uppercase;margin-right: 5px; color: #000;}
hr.hr{height: 2px; background: #f1990e; width: 60px; margin: 0 auto; display: block; border: 0;}
.indexTitle p{ font-size: 14px; color: #515151; margin-top: 18px;}
.indexTitle p a{color: #515151;}
.indexTitle p a:hover{ color: #f1990e; text-decoration: underline;}
.indexTitle ins{ display: block; text-align: center; text-transform: uppercase; color: #717171; margin-top: 5px; font-family: "Verdana";}

.ad1{ margin: 46px auto 28px; width: 1020px; height: 136px; overflow: hidden;}
.ad1 img{transition: all 0.8s ease-out 0s;}
.ad1:hover img{transform: scale(0.9);}

.aboutTxt img.ad2{ float: right; margin-left: 46px;}
.aboutTxt{ color: #515151; font-size: 14px; line-height: 30px;}
.aboutTxt div img{ display:inline;}
.aboutTxt div img.r{ margin-top: 8px;}
a.more{ display: block; width:183px; height: 38px; background: #4c4d6c; border: solid 1px #1d1d41; text-align: center; line-height: 38px; color: #fff;}
a:hover.more{ background: #757695;}
.aboutTxt div p{ margin-top: 16px;}

.indexProduct{ background: #fcfcfc; margin-top: 40px;  padding-top:1px; padding-bottom: 60px;}
.productItem ul{ width: 1100px; margin:65px auto 0px;}
.productItem ul li{ float: left; clear:both;}
.productItem ul li a{ display: block; background: #fefefe; width:760px; height:234px; border:solid 1px #fbfbfb; margin-bottom:10px; overflow:hidden;}
.productItem ul li a:hover{ border-color: #4c4d6c; background: #fbfbfb;}
.productItem ul li a img{ width:242px; height:230px; border: solid 1px #4c4d6c; padding: 1px; margin-right: 16px; float:left;}
.productItem ul li b{ display: block;  padding: 10px;  white-space: nowrap; text-overflow:ellipsis; font-size: 18px; font-weight: normal;  color: #666;}
.productItem ul li p{ color: #999; font-size: 12px; padding: 0px 10px; line-height: 23px; margin-bottom: 20px;}
.productItem ul li ins{display: block;background: #4c4d6c;border: solid 1px #dcdcdc;width: 88px;height: 24px;line-height: 24px;text-align: center;color: #fff; margin-right:10px; float: right;}

.productItem_index ul{ width: 1100px; margin:65px auto 0px;}
.productItem_index ul li{ float: left;}
.productItem_index ul li a{ display: block; border: solid 1px #4c4d6c; padding: 1px; background: #4c4d6c; width:322px; margin-right: 16px;}
.productItem_index ul li b{ display: block;  padding: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-size: 18px; font-weight: normal;  color: #fff;}
.productItem_index ul li p{ color: #fff; font-size: 12px; padding: 0px 10px; line-height: 23px; margin-bottom: 20px; height: 69px; overflow: hidden;}
.productItem_index ul li a:hover{ border-color: #f1990e; background: #f1990e;}
.productItem_index ul li a img{ width:322px; height:306px;}

.videoTitle{ margin-bottom:47px;}
.newsVideo{ width: 361px; height: 275px;}
.newsRight{ width: 610px;}
.newsRight dl{ height: 70px; margin-bottom: 13px;}
.newsRight dl dt{ width:70px; height: 70px; background: url(../images/calendar.jpg) no-repeat center top; float: left;}
.newsRight dl dt span{ height:20px; text-align: center; font-size: 14px; color: #fff; display: block;}
.newsRight dl dt ins{ display: block; text-align: center; line-height: 50px; font-size: 18px;}
.newsRight dl dd{ float: right; width: 480px; padding: 13px 20px; background: #fcfcfc;}
.newsRight dl dd b{ display: block; line-height: 24px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.newsRight dl dd p{ height: 20px; line-height: 20px; overflow: hidden;}
.newsRight dl dd:hover{ background: #f1990e; }
.newsRight dl dd:hover b,.newsRight dl dd:hover p{color: #fff;}

.footerTel{ width: 100%; background: #fcfcfc; padding: 54px 0px 34px 0px; margin-top: 30px;}
.footerTel p img{display: block; margin: 0 auto;}
a.more2{ width: 127px; height: 25px; line-height: 25px; text-align: center; display: block;margin: 20px auto 0px; background: #4c4d6c; color: #fff;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
a:hover.more2{ background: #f1990e;}

.footerInfo{ width: 100%; background: #5f5f5f; padding:53px 0px 20px;}
.footerOnLine{ width:405px; background: url(../images/bg11.png) no-repeat left top; height: 88px;}
.footerOnLine a{ width: 41px; height: 40px; background: url(../images/qq.png) no-repeat; display: block; float: left; margin-top: 23px; margin-right: 5px;}
.footerOnLine a.qq1{ margin-left: 194px;}
.footerJob{ width:306px;}
.bottomTel{ background: url(../images/bg10.png) no-repeat right top;height: 46px;padding-top: 60px;  width: 300px;}

.bottom{ background: #54545e; padding: 38px 0px; text-align: center; font-size:14px; color: #fff; text-transform: uppercase; line-height: 23px;}

.sideBanner{ width: 100%; height: 226px; }

.slideMain{ width: 100%; margin:30px auto;}
.left{ width: 220px; background: url(../images/leftbg.jpg) no-repeat right top;}
ul.classify{ margin-top: 17px;}
ul.classify li a{display: block; width: 199px; height: 31px; background: url(../images/bg3.png) no-repeat left -43px; text-align: center; line-height: 31px; font-size: 14px; color: #131313; margin-bottom: 12px;}
ul.classify li a.current,ul.classify li a:hover{ color: #fff; background-position: left 0px;}
p.tel2{ margin-top: 30px;}

.right{ width:766px; _width:762px; overflow:hidden;}
.smallnav{ width: 100%; height:40px;  background: url(../images/daohang.png) no-repeat left top; line-height: 34px; padding-left: 40px; font-size: 14px; color: #fff;}
.smallnav a{ color: #fff;}
.smallnav a:hover{color: #FFA20E;}

.pageTxt{ background: url(../images/bg3.jpg) repeat; height: auto;padding:16px; margin-top: 24px; }
.pageTxt div{background: #fff; width: 711px; padding:10px; font-size: 14px; color: #131313;line-height:25px;}

.case-list{ border-bottom: dashed 1px #ededed; margin-top: 32px;}
.case-list ul li{ height: 232px; margin-bottom: 26px; overflow:hidden;}
.case-list ul li div.fl img{ width:518px; }
.case-list ul li div.fr{ width: 218px; height: 202px; border: solid 1px #eeedee; background: #fbfbfb; padding: 14px;}
.case-list ul li div.fr b{ display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; font-size: 18px; font-weight: normal; color: #000; margin-top: 10px;}
.case-list ul li div.fr p{ line-height: 23px; margin-top: 20px; height: 92px; overflow: hidden; color: #666;}
.case-list ul li div.fr ins{ display: block; background: #4c4d6c; border: solid 1px #dcdcdc; width: 88px; height: 24px; line-height: 24px; text-align: center; color: #fff; margin-top: 27px; float: right;}
.case-list ul li:hover div.fr{border-color: #ffa20e;}


.pages{ padding:35px 0;}
.pages ul{float:left; margin-left:120px;}
.pages ul li{ padding-right:5x;}
.pages ul li a{ padding:0 15px; border:#e4e4e4 1px solid; color:#787878;}
.pages ul li{ float:left;padding-right:5px;}
.pages ul li a{display:block;background:#fff;  text-align:center; line-height:25px;}
.pages ul li.next a,.pages ul li.prev a{padding:0 10px;}
.pages ul li.prev a{background:#fff; }
.pages ul li.next a{background:#fff;}
.pages ul li.num a:hover,.pages ul li.current a{background:#333333; color:#fff;}

.wroksList{ width:100%;}
.wroksList ul{ width: 800px;}
.wroksList ul li a{ margin-right: 13px; background: #fbfbfb;}
.wroksList ul li a b,.wroksList ul li a p{color: #131313;}
.wroksList ul li { margin-bottom: 30px;}
.wroksList ul li a:hover{background: #4c4d6c; border-color: #4c4d6c;}
.wroksList ul li a:hover b,.wroksList ul li a:hover p{ color:#fff;}

.newsListTop{ width: 100%; margin:55px auto 37px;}
.newsListTop div.fr{ width: 485px;}
.newsListTop div.fr strong{ font-weight: normal; font-size: 16px; height: 35px; line-height: 35px; display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom: 5px; color: #333333;}
.newsListTop div.fr p{ line-height: 22px; height: 66px; overflow: hidden; font-size: 14px; color: #959595;}
.newsListTop div.fr ins{ display: block; text-align: right; font-size: 14px; margin-top: 5px;color: #959595;}
.newsListTop a:hover p img{ border: solid 2px #FFA20E; width: 230px; height: 151px;}
.newsListTop a:hover div.fr strong{ font-weight: bold;}

.newsList{ width: 100%;}
.newsList dl{ margin-bottom: 35px;}
.newsList dl dd{width: 640px; background: none; padding:3px 20px;}
.newsList dl dd p{ height: 40px; overflow: hidden;}

p.position{ margin-top: 30px; line-height: 25px; color: #9b9b9b;}
p.position a{ color: #9b9b9b;}
p.position a:hover{ color: #2A166F;}

.contentBox{ margin-top: 10px;}
.contentBox .video iframe {width: 800px !important; height: 600px !important;}
.contentBox div{ width: 971px; padding-bottom: 30px;}

.pageTxt div div.message {padding: 0px;}
.pageTxt div div.message h3 {color: #333333;font-size: 14px;}
.pageTxt div div.message p {color: #333333;font-size: 12px;margin-top: 13px;overflow: auto;display:block;clear:both;_padding-top:13px;}
.pageTxt div div.message p input {float: left;width: 325px;}
.pageTxt div div.message p input.code{ width: 100px;border: solid 1px #ccc; height: 20px; line-height: 20px; outline: none; padding: 0px 5px; }
.pageTxt div div.message p span.ttbs {float: left;font-size: 14px;line-height: 22px;text-align: right;width: 79px;}
.pageTxt div div.message p span.txt {float: left;font-size: 14px;line-height: 22px;margin: 0 0 0 9px; color: red;}
.pageTxt div div.message p textarea {float: left;height: 130px;width: 325px;padding:5px; outline: none;}
.pageTxt div div.message p.submit {margin: 20px 0 40px;}
.pageTxt div div.message p.submit input {background: url("../images/submit.jpg") no-repeat transparent;border: 0 none;display: block;height: 33px;margin-left: 75px;width: 138px; cursor: pointer; outline: none;}
input.txt{ border: solid 1px #ccc; height: 20px; line-height: 20px; outline: none; padding: 0px 5px; }
textarea.area{border: solid 1px #ccc;resize: none;}
img.yzmcode{ margin-left: 20px; float: left;}

.newsVideo iframe {width: 361px !important; height: 275px !important;}